<!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">	
	<title></title>
	<link rel="stylesheet" href="accordion_menu.css" type="text/css">
	<!--
		
		Step #2
			- 메뉴아이템 활성화/비활성화 처리.
			
			Step #2-2 :  리펙토링
				- mouseenter 이벤트 리스너 함수 쪼개기.
				
			Step #2-1 : 리팩토링
				- 일반 숫자값을 상수변로  변경.
				
			
		Step #1
	     	  	메뉴 구조 잡기.
	-->
	<script  type="text/javascript"  src="../libs/jquery-1.7.1.min.js"></script>
	<script  type="text/javascript"  src="../libs/jquery.easing.1.3.js"></script>
	<script  type="text/javascript"  src="accordion_menu.js"></script>

</head>

<body>
	<div class="accordion_menu">
		<div class="menu_item">
			<div class="menu_item_content">
				<img src="../images/menu_1.png">
				<img src="../images/menu_1_over.png" >
			</div>
		</div>
		
		<div class="menu_item">
			<div class="menu_item_content">	
				<img src="../images/menu_2.png">
				<img src="../images/menu_2_over.png" >
			</div>
		</div>
		
		<div class="menu_item">
			<div class="menu_item_content">
				<img src="../images/menu_3.png">
				<img src="../images/menu_3_over.png" >
			</div>
		</div>
		
		<div class="menu_item">
			<div class="menu_item_content">
				<img src="../images/menu_4.png">
				<img src="../images/menu_4_over.png" >
			</div>
		</div>
		<div class="menu_item">
			<div class="menu_item_content">
				<img src="../images/menu_5.png">
				<img src="../images/menu_5_over.png" >
			</div>
		</div>
		<div class="menu_item">
			<div class="menu_item_content">
				<img src="../images/menu_6.png">
				<img src="../images/menu_6_over.png" >
			</div>
		</div>
		<div class="menu_item">
			<div class="menu_item_content">
				<img src="../images/menu_7.png">
				<img src="../images/menu_7_over.png" >
			</div>
		</div>
	</div>
</body>
</html>
